<template>
    {{d.num.toFixed(0)}}
</template>
<script setup>
import { reactive,watch} from 'vue';
import gsap from "gsap"


const props=defineProps({
    value:{
        type:Number,
        default:0
    }
})

const d = reactive({
    num: 0
})

function AnimateToValue(){
    gsap.to(d,{
       duration:0.5,
       num:props.value
    })
}
AnimateToValue()

watch(()=>props.value,()=>AnimateToValue())
</script>